﻿<!DOCTYPE html>
<html style="font-size:25px;">
	<head>
		<meta name="apple-mobile-web-app-capable" content="yes">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<title>在线客服</title>
		
		<link rel="shortcut icon" href="clientapp/images/new_images/favicon.ico" />
		<link href="/static/home/mobile/css/reset_5.css" rel="stylesheet" type="text/css" />
		<link href="/static/home/mobile/css/style.css" rel="stylesheet" type="text/css" />
		<link href="/static/home/mobile/css/new_style.css" rel="stylesheet" type="text/css" />
		<link href="/static/home/mobile/css/app.css" rel="stylesheet" type="text/css" />
		<link href="/static/home/mobile/css/weui.min.css" rel="stylesheet" type="text/css" />
		<link href="/static/home/mobile/css/jquery-weui.min.css" rel="stylesheet" type="text/css" />
		<link href="/static/home/mobile/css/plugin.css" rel="stylesheet" type="text/css" />
		
        <script type="text/javascript" src="/static/home/mobile/js/jquery.min.js"></script>
        <script type="text/javascript" src="/static/home/mobile/js/kefu/weui.min.js"></script>
        <script type="text/javascript" src="/static/home/mobile/js/kefu/jquery-weui.min.js"></script>
        <script type="text/javascript" src="/static/home/mobile/js/kefu/plugin.js"></script>
	</head>
	<style type="text/css">
	    body{background:#111;color:#e2e2e2;}
	    .page-kefu .weui-label{color:#e2e2e2 !important;}
	    .page-kefu .weui-cell{color:#999 !important;}
	    .weui-cells{background-color:#111 !important;}
	    .weui-cells:after, .weui-cells:before{color:#333 !important;}
	    .weui-cells:before{border-color:#333 !important;}
	    .weui-cells:after{border-color:#333 !important;}
		.page-kefu .head{
        	background: #2476c3;
        	padding:2vw 0;
        }
        .page-kefu .head .avatar{
        	width: 60px;
        	height: 60px;
            margin: 15px auto;
            border-radius: 50%;
        }
        .page-kefu .head p{
            font-size: 0.65rem;
            color: #333;
            font-weight: 600;
        }
        .page-kefu .weui-cells{
        	margin-top: 0!important;
        }
        
        .page-kefu .weui-cell{
        	margin:3vw;
        	font-size: 0.7rem;
        	color: #666;
        	padding:2vw;
        }
        .page-kefu .weui-label{
        	color: #333;
        }
        .page-kefu .weui-cell .pic img{
        	width: 60px;
        }
        .page-kefu p.f{
        	text-align: center;
        	font-size: 0.65rem;
        	margin-top: 1rem;
        	color: #666
        }
        .weui-dialog{background:#222;}
        .weui-dialog__ft:after{border-top: 1px solid #333;color:#fff;}
        .weui-dialog .weui-dialog__btn.default, .weui-toast .weui-dialog__btn.default{color:#fff;}
	</style>
	<body class="page-kefu">
  <div class="container">
    <div class="site-header header-fixed">
			<a onclick="window.history.back();" class="back"></a>
			<div class="tit-name">在线客服</div>
		</div>
	<div class="weui-cells weui-cells_form" style="margin-top:50px !important;">
    <if condition="!empty($item.tel)">
        <div class="weui-cell weui-cell_select" id="copy" data-clipboard-action="copy" data-clipboard-target="#tel">
            <div class="weui-cell__hd"><label class="weui-label">客服电话</label></div>
            <div class="weui-cell__bd">
                <span id="tel">{$item.tel}</span>
            </div>
        </div>
    </if>
    <if condition="!empty($item.wx)">
        <div class="weui-cell weui-cell_select" id="copy" data-clipboard-action="copy" data-clipboard-target="#wx_kf">
            <div class="weui-cell__hd"><label class="weui-label">客服微信</label></div>
            <div class="weui-cell__bd">
                <span id="wx_kf">{$item.wx}</span>
            </div>
        </div>
    </if>
    <if condition="!empty($item.wximg)">
        <div class="weui-cell weui-cell_select wxcode">
            <div class="weui-cell__hd"><label class="weui-label">微信二维码</label></div>
            <div class="weui-cell__bd pic">
                <img src="/uploads/{$item.wximg}">
            </div>
        </div>
    </if>
    <if condition="!empty($item.qq)">
        <div class="weui-cell weui-cell_select" id="copy" data-clipboard-action="copy" data-clipboard-target="#qq_kf">
            <div class="weui-cell__hd"><label class="weui-label">客服QQ</label></div>
            <div class="weui-cell__bd">
                <span id="qq_kf">{$item.qq}</span>
            </div>
        </div>
    </if>
    <if condition="!empty($item.qqimg)">
        <div class="weui-cell weui-cell_select qqcode">
            <div class="weui-cell__hd"><label class="weui-label">QQ二维码</label></div>
            <div class="weui-cell__bd pic">
                <img src="/uploads/{$item.qqimg}">
            </div>
        </div>
    </if>
    <if condition="!empty($item.link)">
        <a class="weui-cell weui-cell_select" href="{$item.link}">
            <div class="weui-cell__hd"><label class="weui-label">在线客服</label></div>
            <div class="weui-cell__bd pic">
                <span id="">点击打开</span>
            </div>
        </a>
    </if>
	</div>
    <p class="f">客服在线时间：{$item.onlinedt}
  </div>
    
    <include file="Public:footer"/>
    <script type="text/javascript">
        $(document).ready(function () {
            var clipboard = new ClipboardJS('#copy');
            clipboard.on('success', function(e) {
                console.log(11510);
                $.toast("复制成功");
                e.clearSelection();
            });
        });
        $(document).on('click', '.wxcode', function() {
            $.modal({
              title: "",
              text: "<img src='/uploads/{$item.wximg}'>",
              buttons: [
                { text: "关闭", className: "default"},
              ]
            });
        });
        $(document).on('click', '.qqcode', function() {
            $.modal({
              title: "",
              text: "<img src='/uploads/{$item.qqimg}'>",
              buttons: [
                { text: "关闭", className: "default"},
              ]
            });
        });
    </script>
</body>

    
</html>